<%@ include file="/common/taglibs.jsp"%>

<head>
    <title><fmt:message key="asignacionarticulolist.title"/></title>
    <meta name="heading" content="<fmt:message key='asignacionarticulolist.heading'/>"/>    
</head>

<form:form id="asignacionarticuloList">

<c:set var="buttons">
    <input type="button" class="button" 
        onclick="location.href='<c:url value="/asignacionarticulo/asignacionarticuloform.html?method=Add&from=list"/>'"
        value="<fmt:message key="button.add"/>"/>
        
    <input type="button" class="button" 
    	onclick="location.href='<c:url value="/mainMenu.html"/>'"
        value="<fmt:message key="button.done"/>"/>
</c:set>

<ul>
	<li>
	<label class="desc"><fmt:message key="common.filtros.busqueda"/></label>
	<div class="group" style="width: 300px">
		<div>
			<fmt:message key="asignacionarticuloForm.deDocumento"/><br/>
			<input id="deDocumento" name="descripcion" maxlength="30" class="text medium"/><br/>
			 
			<fmt:message key="asignacionarticulolist.deAlmacenOrigen"/><br/>
			<select class="text medium" id="almacenOrigenId" >
	        	<option value="-1"><fmt:message key="label.itemdefault"/></option>
	        	<c:forEach var="almacen" items="${almacenes}">
	        		<option value="${almacen.id}">${almacen.deAlmacen}</option>
	        	</c:forEach>
	       	</select> 
	       	<br/>
			
			<fmt:message key="asignacionarticulolist.deAlmacenDestino"/><br/>
			<select class="text medium" id="almacenDestinoId" >
	        	<option value="-1"><fmt:message key="label.itemdefault"/></option>
	        	<c:forEach var="almacen" items="${almacenes}">
	        		<option value="${almacen.id}">${almacen.deAlmacen}</option>
	        	</c:forEach>
	       	</select> 	
		
			<br/><br/>					
			<input type="button" onclick="buscarDocumentoMovimientoArticulos()" value="<fmt:message key="button.search"/>"/>
		</div>
	</div>	
	</li>
</ul>

<c:out value="${buttons}" escapeXml="false" /><br/><br/>
<table id="catalogos" cellpadding="0" class="table" cellspacing="0" style="width: 700px" > 
	<thead> 
		<tr> 
			<th scope="col"><fmt:message key="asignacionarticulolist.deDocumento"/></th>
            <th scope="col"><fmt:message key="asignacionarticulolist.deAlmacenOrigen"/></th>
            <th scope="col"><fmt:message key="asignacionarticulolist.deAlmacenDestino"/></th>
            
	</tr>
	</thead> 
	<tbody id="asignacionarticulobody">
		<tr id="pattern" style="display:none;">
			<td> 
				<span id="tableDeDocumento"><fmt:message key="asignacionarticulolist.deDocumento"/></span>						
			</td>

			<td> 
				<span id="tableAlmacenOrigen"><fmt:message key="asignacionarticulolist.deAlmacenOrigen"/></span>						
			</td>
			<td> 
				<span id="tableAlmacenDestino"><fmt:message key="asignacionarticulolist.deAlmacenDestino"/></span>						
			</td>
		</tr>
		
		<c:forEach var="documento" items="${asignacionarticulo}" varStatus="status">
			
			<c:choose>
				  <c:when test="${status.index % 2 == 0}"><tr class="odd" ></c:when>
				  <c:otherwise><tr class="even" ></c:otherwise>
			</c:choose>
			<td>	
			<a href="<c:url value="/asignacionarticulo/asignacionarticuloform.html?id=${documento.id}&amp;from=list"/>">					
						${documento.deDocumento}
					</a>            	
										
			</td>

			<td> 
				<c:out value = "${documento.clpbAlmacenOrigen.deAlmacen}" />						
			</td>
			<td>  
				<c:out value= "${documento.clpbAlmacenDestino.deAlmacen}" />						
			</td>
           </tr>
        </c:forEach>			 	
	</tbody>
	
</table> 

<c:out value="${buttons}" escapeXml="false" />
</form:form>
<script type="text/javascript">
	
    function buscarDocumentoMovimientoArticulos()
    {

        var deDocumento = dwr.util.getValue("deDocumento");
        var almacenOrigenId = dwr.util.getValue("almacenOrigenId");
        var almacenDestinoId = dwr.util.getValue("almacenDestinoId");
        AsignacionArticuloService.busquedaDocumentoAsignacionPorFiltros(deDocumento,almacenOrigenId,almacenDestinoId, function(data) {
        	
    	    dwr.util.removeAllRows("asignacionarticulobody", { filter:function(tr) {
    	      return (tr.id != "pattern");
    	    }});
    	    
    	    var asignacionarticulo,url;
    	    for (var i = 0; i < data.length; i++) {
    	    	asignacionarticulo = data[i];

    	      	dwr.util.cloneNode("pattern", { idSuffix:asignacionarticulo.id });

    	      	url = "<a href='/clubpgnweb/asignacionarticulo/asignacionarticuloform.html?id=" + asignacionarticulo.id + "&amp;from=list'>" + asignacionarticulo.deDocumento + "</a>";	
    	      	dwr.util.setValue("tableDeDocumento" + asignacionarticulo.id,url, { escapeHtml:false });

    	      	if (null != asignacionarticulo.deAlmacenOrigen) {
    	      			dwr.util.setValue("tableAlmacenOrigen" + asignacionarticulo.id,asignacionarticulo.deAlmacenOrigen, { escapeHtml:false });
        	      	} else {
        	      		dwr.util.setValue("tableAlmacenOrigen" + asignacionarticulo.id,"", { escapeHtml:false });
            	    }
    	      	
    	      	if (null != asignacionarticulo.deAlmacenDestino) {
    	      	dwr.util.setValue("tableAlmacenDestino" + asignacionarticulo.id, asignacionarticulo.deAlmacenDestino, { escapeHtml:false });
    	      	} else {
    	      		dwr.util.setValue("tableAlmacenDestino" + asignacionarticulo.id,"", { escapeHtml:false });
        	    }    	      	

				
				if(i % 2 == 0){
					$("pattern" + asignacionarticulo.id).className = "odd";
				}
				else{
					$("pattern" + asignacionarticulo.id).className = "even";
				}
				
	    	    $("pattern" + asignacionarticulo.id).style.display = "";
	    	     
    	    }
		});
    }       
</script>
<script type='text/javascript' src="<c:url value="/dwr/interface/AsignacionArticuloService.js"/>"></script>